
<%@page import="com.forum.controller.*,com.forum.domain.*"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	request.setCharacterEncoding("utf-8");
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	request.getSession().removeAttribute("controller");
	Integer id = (Integer) request.getSession().getAttribute("id");
	MainController controller = new MainController(id);
	request.getSession().setAttribute("controller", controller);

	User user = controller.user;
	List<Remind> remindlist = new LinkedList();
	List<Groups> grouplist = new LinkedList();
	List<User> userlist = new LinkedList();
	List<Message> msglist = new LinkedList();

	MessageDAO msgDao = new MessageDAO();

	remindlist = controller.getReminds();
	grouplist = controller.getGroups();
	userlist = controller.getUsers();
	msglist = msgDao.findByProperty("userByUserid", user);
	String picurl = "upload/" + user.getPicurl();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>Welcome <%=user.getNickname()%></title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" type="text/css" href="css/home.css">
		<link rel="stylesheet" type="text/css" href="css/jNotify.jquery.css">
		<link rel="stylesheet" type="text/css" href="css/css3buttons.css">
		<link rel="stylesheet" type="text/css" href="css/slidetounlock.css">
		<link rel="stylesheet" type="text/css" href="css/jquery.bettertip.css">
		<link href='http://fonts.googleapis.com/css?family=Nunito&v1'
			rel='stylesheet' type='text/css'>
		<link
			href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold&v1'
			rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Ubuntu&v1'
			rel='stylesheet' type='text/css'>
		<script type="text/javascript">
	var userID =<%=id%>;
</script>
		<script type="text/javascript" src="js/homefinal.js">
		</script>
		<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
		<script type="text/javascript" src="js/home.js"></script>
		<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
		<script type="text/javascript" src="js/jNotify.jquery.js"></script>
		<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>
		<script type="text/javascript" src="js/homeready.js"></script>
		<script type="text/javascript" src="js/slidetounlock.js"></script>
		<script type="text/javascript" src="js/jquery.bettertip.js"></script>

		<script type="text/javascript"
			src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'></script>

		<script type="text/javascript">
		
			function onClickSlide(id){
			
			$("#message-content-"+id).slideToggle("fast");
			
			};
			</script>

	</head>

	<body>
		<div id="page">

			<div id="top-stuff">
				<div id="top_header">
					<div id="top-bar-bg"></div>
					<div id="top_header_container">
						<div class="static_links">
							<div id="logo">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<a>TopoGroup</a>
							</div>
							<form id="search_form" method="get" action="search">
								<span class="glass"> <i></i> </span>
								<input type="text" id="search_input" name="search_input"
									placeholder="search">
							</form>
							<div id="navigation">
								<ul>
									<li id="global-nav-home" class="active">
										<a class="">Home</a>
									</li>
									<li id="global-nav-profile" class="">
										<a class="">Profile</a>
									</li>
									<li id="global-nav-messages" class="">
										<a class="">Messages</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="personal_links">
							<div id="session">
								<span id="screen-name" class="ellipsify-container"> <span
									class="content"> <%=user.getNickname()%> </span> </span>
								<span id="screen-name-dropdown"></span>
								<div class="dropdown">
									<ul>
										<li id="personal_links_setting">
											<a class="" href="">Setting</a>
										</li>
										<li id="personal_links_help">
											<a class="" href="">Help</a>
										</li>
										<li id="personal_links_signout">
											<a class="" href="">Sign out</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="page-out" id="page-out-home">
				<div id="page-container">
					<div>
						<div class="main-content">
							<div class="profile-header">
								<div class="profile-info clearfix">
									<div class="profile-image-container">
										<a href="<%=picurl%>" class="profile-picture" target="_blank"><img
												src="<%=picurl%>" alt="Ruby"> </a>
									</div>
									<div class="profile-details">
										<div class="full-name">
											<h2>
												<%=user.getNickname()%>
											</h2>
										</div>
										<div class="screen-name-and-location">
											<span class="screen-name screen-name-Ruby_Tao pill"><%=user.getRealname()%></span>
										</div>
										<div class="bio">
											E-mail:
											<%=user.getEmail()%>
											<br>
											<%=user.getIntroduction()%>
										</div>
									</div>
								</div>
							</div>
							<ul class="stream-tabs">
								<!-- 
								<li class="stream-tab current-focus" id="tab-message">
									<a class="tab-text" href="#">Message</a>
								</li>
								 -->
								<li class="stream-tab current-focus" id="tab-groups">
									<a class="tab-text" href="#">Groups</a>
								</li>
								<li class="stream-tab" id="tab-people">
									<a class="tab-text" href="#">People</a>
								</li>
								<li class="stream-tab" id="tab-favorites">
									<a class="tab-text" href="#">Favorites</a>
								</li>
							</ul>

							<div class="stream-manager" id="group-stream-manager">
								<div class="stream">
									<div id="group-navigation" class="navigation">
										<div style="margin-right: 10px">
											<a class="css3button"><span class="magnifier icon"></span>
												<span><input type="text" id="group-navigation-input">
											</span> </a>
											<a class="css3button" id="group-trash-button"><span
												class="trash icon"></span>清空</a></a>
											<a class="css3button" id="new-group-button"><span
												class="comment icon"></span>新建小组</a>
											<a class="css3button" id="more-group-button"><span
												class="plus icon"></span>更多</a>
										</div>
									</div>
									<!--  	<div class='ajax-preloader'></div>	-->

									<%
										for (int i = 0; i < grouplist.size(); i++) {
											Groups group = grouplist.get(i);
									%>

									<div class="group-item" id="group-item-<%=group.getId()%>"
										onmouseover="onItemMouseOver(id)"
										onmouseout="onItemMouseOut(id)" onclick="onGroupItemClick(id)"">
										<div class="more"></div>
										<div class="message">
											<div class="group-info">
												<div class="group-name">
													<%=group.getName()%>
												</div>
												<div class="group-info-content">
													<div class="group-info-row">
														<a class="group-owner"><%=group.getUser().getNickname()%></a>
													</div>
													<div class="group-info-row">
														<div class="tweet-timestamp"
															title="<%=group.getBuilddate()%>">
															<span class="_old-timestamp"><%=group.getBuilddate()%></span>
														</div>
													</div>
													<div class="group-info-row">
														<div class="group-intro">
															<%=group.getIntroduction()%>
														</div>
													</div>
												</div>

											</div>
											<div class="function-button-bar">
												<a href="javascript:void(false)" class="css3button"
													onclick="onClickUnfollowGroup(<%=group.getId()%>)"><span
													class="check icon"></span>Unfollow</a>
												<a href="javascript:void(false)" class="css3button"><span
													class="rss icon"></span>Subscribe to RSS Feed</a>
											</div>
										</div>
									</div>
									<%
										}
									%>

									<div class="group-item" id="group-item-more">
										<div class="get-more" id="get-more-group"
											onclick="getMoreGroup()">
											<a>more</a>
										</div>
									</div>

								</div>
							</div>

							<div class="stream-manager" id="user-stream-manager">
								<div class="stream">
									<div id="user-navigation" class="navigation">
										<div style="margin-right: 10px">
											<a class="css3button"><span class="magnifier icon"></span>
												<span><input type="text" id="user-navigation-input">
											</span> </a>
											<a class="css3button" id="user-trash-button"><span
												class="trash icon"></span>清空</a></a>
											<a class="css3button" id="more-user-button"><span
												class="plus icon"></span>更多</a>
										</div>
									</div>

									<%
										for (int i = 0; i < userlist.size(); i++) {
											User currentuser = userlist.get(i);
											List feedlist = controller.getUserFollowInfo(currentuser);
											int groupcount = 0;
											int topiccount = 0;
									%>

									<div class='user-item'
										id="user-item-<%=currentuser.getUserid()%>"
										onmouseover="onItemMouseOver(id)"
										onmouseout="onItemMouseOut(id)" onclick="onUserItemClick(id)">
										<div class="more"></div>
										<div class="message">
											<div class="message-image">
												<img height="48" width="48" src="<%=picurl%>">
											</div>
											<div class="user-info-content">
												<div class="user-info-row">
													<span class="user-name"> <a class="user-nickname"
														href="javascript:void(false)"><%=currentuser.getNickname()%></a>
														<span class="user-realname"><%=currentuser.getRealname()%></span>
													</span>
												</div>
												<div class="user-info-row">
													<div class="email-info">
														<span
															style="font-size: 17px !important; font-weight: bold">Email:</span>
														<%=currentuser.getEmail()%>
													</div>
												</div>
												<div class="user-info-row">
													<div class="user-intro">
														<%=currentuser.getIntroduction()%>
													</div>
												</div>
											</div>

											<div class="feedlist" style="display: none">
												<%
													for (int j = 0; j < feedlist.size(); j++) {
															if (feedlist.get(j) instanceof Groups) {
																Groups currentGroup = (Groups) feedlist.get(j);
																groupcount++;
												%>
												<div class="feedlist-groups">
													<div class="feedlist-group">
														<%=currentGroup.getName()%>
													</div>
												</div>
												<%
													} else {
																Topic currentTopic = (Topic) feedlist.get(j);
																topiccount++;
												%>
												<div class="feedlist-topics">
													<div class="feedlist-topic">
														<%=currentTopic.getTitle()%>
													</div>
												</div>
												<%
													}
														}
												%>
												<div class="group-count">
													<%=groupcount%>
												</div>
												<div class="topic-count">
													<%=topiccount%>
												</div>
											</div>

											<div class="function-button-bar">
												<a href="javascript:void(false)" class="css3button"
													onclick="onClickUnfollowUser(<%=currentuser.getUserid()%>)"><span
													class="check icon"></span>Unfollow</a>
												<a href="javascript:void(false)" class="css3button"><span
													class="rss icon"></span>Subscribe to RSS Feed</a>
												<a href="javascript:void(false)" class="css3button"
													onclick="onClickSendMessage(<%=currentuser.getUserid()%>)"><span
													class="comment icon"></span>Add Comment</a>
											</div>
										</div>
									</div>

									<%
										}
									%>

									<div class="user-item" id="user-item-more">
										<div class="get-more" id="get-more-user"
											onclick="getMoreUser()">
											<a>more</a>
										</div>
									</div>

								</div>
							</div>

							<div class="stream-manager" id="favorites-stream-manager">
								<div class='ajax-preloader'></div>
							</div>

						</div>

						<!-- end of maincontainer -->

						<div class="dashboard" style="display: block;">
							<div class="component">
								<div class="dashboard-profile-annotations clearfix">
									<h2 class="dashboard-profile-title">
										<h3><%=user.getNickname()%>'s Following Info
										</h3>
									</h2>
								</div>
								<ul class="user-stats clearfix">
									<li>
										<a class="user-stats-count" href="javascript:void(false)"><%=user.getUsercount()%><br>
											<span class="user-stats-stat">User</span> </a>
									</li>
									<li>
										<a class="user-stats-count" href="javascript:void(false)"><%=user.getGroupcount()%><br>
											<span class="user-stats-stat">Group</span> </a>
									</li>
									<li>
										<a class="user-stats-count" href="javascript:void(false)"><%=user.getTopiccount()%><br>
											<span class="user-stats-stat">Topic</span> </a>
									</li>
									<li>
										<a class="user-stats-count" href="javascript:void(false)"><%=user.getFollowercount()%><br>
											<span class="user-stats-stat">Followers</span> </a>
									</li>
								</ul>
								<hr class="component-spacer">
							</div>

							<div class="component">
								<div class="recommend-group-head">
									<h2>
										提醒
									</h2>
								</div>
							</div>

							<div class="component">
								<div class="remind-stream">
									<div class="stream-container">

										<!-- begin stream -->

										<div class="stream" id="isotope-filter">
											<%
												for (int i = 0; i < remindlist.size(); i++) {
													Remind remind = remindlist.get(i);
													//System.out.println(remind);
													Reply reply = remind.getReply();
											%>
											<div class="remind-item" id="remind-item-<%=i%>"
												remind-id="<%=remind.getId()%>"
												onmouseover="onRemindItemMouseOver(id)"
												onmouseout="onRemindItemMouseOut(id)"
												onclick="onRemindItemClick($(this).find('img').attr('data-user-id'))">
												<div class="message">
													<div class="message-image">
														<img height="48" width="48" src="<%=picurl%>"
															data-user-id="<%=id%>">
													</div>
													<div class="message-content">
														<div class="message-content-row">
															<span class="message-name"> <a
																class="message-nickname" href=""><%=reply.getUserByUserFromId().getNickname()%></a>
																<span class="message-realname"><%=reply.getUserByUserFromId().getRealname()%></span>
															</span>在
															<a
																href="page/topic.jsp?topicid=<%=reply.getTopic().getId()%>">
																<%=reply.getTopic().getTitle()%></a> 话题中回复了您
														</div>
														<div class="message-content-row">
															<div class="message-details">
																<%=reply.getContent()%>
															</div>
														</div>
														<div class="message-content-row">
															<div class="tweet-timestamp" title="<%=reply.getTime()%>">
																<span class="_old-timestamp" data-long-form="true"><%=reply.getTime()%></span>
															</div>
														</div>
														<div class="action-bar" id="action-bar-1">
															<span class="reply-action"
																onclick="onRemindReplyAction($(this).parents('.remind-item').attr('id'))">
																<a class="css3button" href="javascript:void(false)"><span
																	class="comment icon"></span>回复</a> </span>
															<span class="remove-action"
																onclick="onRemindRemoveAction($(this).parents('.remind-item').attr('id'))">
																<a class="css3button" href="javascript:void(false)"><span
																	class="cross icon"></span>忽略</a> </span>
														</div>
													</div>
												</div>
											</div>
											<%
												}
											%>
											<!---->
										</div>


										<!--  -->

									</div>
								</div>
							</div>

							<div class="component">
								<hr class="component-spacer">
							</div>

							<div class=component">
								<div class="foot-component">
									<h3>
										Copy Rights by TopoGroup
									</h3>
									<h2>
										2011
									</h2>
								</div>
							</div>
						</div>

						<!-- end of dashboard -->

						<!-- begin of user-dashboard -->

						<div class="details-pane-outer" id="user-pane-outer"
							style="top: 65px;">
							<div class="details-pane-shell">
								<div class="details-pane">
									<div class="inner-pane">
										<div class="pane-toolbar" onclick="close_dashboard()">
											<a class="pane-close">close <span>×</span> </a>
										</div>
										<div class="pane-components">
											<div class="pane-components-inner">
												<div class="component">
													<div class="topic">
														<div class="topic-title">
															他关注的小组
														</div>
													</div>
												</div>
												<div class="component" id="concern-groups">
													<table class="olt">
														<tbody>
															<tr>
																<td>
																	小组
																</td>
																<td>
																	作者
																</td>
																<td>
																	关注人数
																</td>
																<td align="right" nowrap="nowrap">
																	是否关注
																</td>
															</tr>
														</tbody>
													</table>
												</div>



											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!-- end of user-dashboard -->

						<!-- begin of group-dashboard -->

						<div class="details-pane-outer" id="group-pane-outer"
							style="top: 65px;">
							<div class="details-pane-shell">
								<div class="details-pane">
									<div class="inner-pane">
										<div class="pane-toolbar" onclick="close_dashboard()">
											<a class="pane-close">close <span>×</span> </a>
										</div>
										<div class="group-pane-button">
											<a id="new-group-button" class="css3button"
												onclick="onClickNewTopic()"><span class="comment icon"></span>新建话题</a>
										</div>
										<table class="olt">
											<tbody>
												<tr id="topic-table-title">
													<td>
														话题
													</td>
													<td>
														作者
													</td>
													<td align="right" nowrap="nowrap">
														回应
													</td>
												</tr>

											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>

						<!-- end of group dashboard -->

					</div>
				</div>
			</div>

			<a name="profile"></a>
			<div class="page-out" id="page-out-profile" style="display: none">

				<div id="profile-container">
					<div id="slab">
						<div style="margin-left: 20px; margin-top: 50px">
							<form accept-charset="UTF-8" class="common-form" id="signup_form"
								method="post" onsubmit="return Gowalla.Signup.validateSignup();">
								<div style="margin: 0; padding: 0; display: inline">
									<input name="utf8" type="hidden" value="✓">
									<input name="authenticity_token" type="hidden">
								</div>

								<div class="field" id="user_nickname_field">
									<label for="_user_nickname">
										Nickname
									</label>
									<input id="_user_nickname" size="30" type="text"
										value="<%=user.getNickname()%>">
									<p class="validation error help empty" style="display: none;">
										Please enter a username.
									</p>
									<p class="validation error help taken" style="display: none;">
										That username is already taken.
									</p>
									<p class="validation error short" style="display: none;">
										Minimum 2 characters
									</p>
									<p class="validation error invalid" style="display: none;">
										Must Contain Only A-z or 0-9
									</p>

									<p class="validation spinner" style="display: none;"></p>

								</div>

								<div class="field" id="user_realname_field">
									<label for="_user_realname">
										Realname
									</label>
									<input id="_user_realname" size="30" type="text"
										value="<%=user.getRealname()%>">
									<p class="validation error help empty" style="display: none;">
										Please enter a username.
									</p>
									<p class="validation error help taken" style="display: none;">
										That username is already taken.
									</p>
									<p class="validation error short" style="display: none;">
										Minimum 2 characters
									</p>
									<p class="validation error invalid" style="display: none;">
										Must Contain Only A-z or 0-9
									</p>

									<p class="validation spinner" style="display: none;"></p>

								</div>


								<div class="field" id="user_password_field">
									<label for="_user_password">
										Password
									</label>
									<input id="_user_password" size="30" type="password">

									<p class="validation error empty" style="display: none;">
										Please enter a password.
									</p>
									<p class="validation error short" style="display: none;">
										Minimum 4 characters
									</p>
									<p class="validation error incorrect" style="display: none;">
										Password is not correct.
									</p>

									<p class="validation spinner" style="display: none;"></p>

								</div>

								<div class="field" id="user_new_password_field">
									<label for="_user_new_password">
										New Password
									</label>
									<input id="_user_new_password" size="30" type="password">

									<p class="validation error empty" style="display: none;">
										Please enter a password.
									</p>
									<p class="validation error short" style="display: none;">
										Minimum 4 characters
									</p>

									<p class="validation spinner" style="display: none;"></p>

								</div>

								<div class="field" id="user_intro_field">
									<label for="_user_intro">
										Introduction
									</label>
									<textarea id="_user_intro" size="100" type="text"><%=user.getIntroduction()%></textarea>
								</div>

								<br />

								<div style="width: 400px; height: 100px;">
									<div id="well">
										<h2>
											<strong id="slider"></strong>
											<span>slide to save</span>
										</h2>
									</div>
								</div>

								<!--  
								<input type="hidden" name="invite_from_user" value="">

								<input type="submit" class="button fit"
									onclick="Gowalla.Signup.submitSignupForm(); return false;"
									value="Finish">
									-->

							</form>
						</div>
					</div>
				</div>

			</div>

			<div class="page-out" id="page-out-messages" style="display: none">
				<div id="page-container">
					<div>
						<table class="olt">
							<tbody>
								<tr>
									<td>
										来自
									</td>
									<td>
										标题
									</td>
									<td align="right" nowrap="nowrap">
										时间
									</td>
								</tr>
							</tbody>
						</table>


						<div class="inner-pane">
							<%
								for (int i = 0; i < msglist.size(); i++) {
									Message msg = msglist.get(i);
							%>

							<table class="olt" width="600px">
								<tbody>


									<tr class="p1" id="message-item-<%=i%>">
										<td width="100" height="27">
											<a href=""><%=msg.getUserByFromuserid().getNickname()%></a>
										</td>
										<td width="100" height="27">
											<a id="message-title-<%=i%>" , onclick="onClickSlide(<%=i%>)"><%=msg.getTitle()%></a>
										</td>
										<td align="right">
											<a><%=msg.getTime()%></a>
										</td>

									</tr>



								</tbody>

							</table>
							<div class="content-pane">
								<p class="messages-content" id="message-content-<%=i%>">
									<%=msg.getContent()%>
								</p>

							</div>
							<%
								}
							%>
						</div>


					</div>
				</div>
			</div>

			<div id="popup_reply" class="popup_block">
				<div class="text-area">
					<textarea class="twitter-anywhere-tweet-box-editor"
						style="width: 452px; height: 56px;"></textarea>
				</div>
				<div class="tweet-button-container">
					<input class="tweet-counter" value="140" disabled="disabled">
					<a href="#" class="tweet-button button" id="reply-button"
						message-user-id="">Reply</a>
				</div>
			</div>

			<div id="popup_message" class="popup_block">
				<div class="text-area" style="text-align: left">
					<label>
						Title:
					</label>
					<input name="message-title" maxlength="30" autocapitalize="on"
						class="twitter-anywhere-tweet-box-input" autocorrect="off"
						type="text">
				</div>
				<div class="text-area">
					<label style="text-align: left">
						Message:
					</label>
					<textarea class="twitter-anywhere-tweet-box-editor"
						style="width: 400px; height: 56px;"></textarea>
				</div>
				<div class="tweet-button-container">
					<input class="tweet-counter" value="140" disabled="disabled">
					<a href="#" class="tweet-button button" id="message-button"
						remind-item-id="">Send</a>
				</div>
			</div>

			<div id="popup_more_group" class="popup_block">
				<ol class="tags popular-tags">

				</ol>
			</div>

			<div id="popup_more_user" class="popup_block">
				<ol class="tags popular-tags">

				</ol>
			</div>

			<div id="popup_new_group" class="popup_block">
				<form>
					<div class="header">
						<h1>
							新建小组
						</h1>
					</div>
					<div class="field">
						<label for="new_group_title">
							小组名字：
						</label>
						<input name="new_group_title" maxlength="30" autocapitalize="on"
							autocorrect="off" type="text" id="new_group_title">
					</div>
					<div class="field">
						<label for="new_group_intro">
							小组简介：
						</label>
						<textarea name="new_group_intro" maxlength="75"
							autocapitalize="off" autocorrect="off" type="text"
							id="new_group_intro"></textarea>
						<p class="help_text" style="float: right">
							Introduction needed;
						</p>
					</div>
					<div class="field">
						<label for="new_group_openess">
							所有人可见？
						</label>
						<select id="new_group_openess" name="new_group_openess">
							<option selected>
								公开
							</option>
							<option>
								不公开
							</option>
						</select>
					</div>
					<div class="field">
						<input id="new_group_submit" class="green_button" type="button"
							value="Create →" onclick="newGroupSubmit(id)">
					</div>
				</form>
			</div>


			<div id="popup_new_topic" class="popup_block">
				<form>
					<div class="header">
						<h1>
							新建话题
						</h1>
					</div>
					<div class="field">
						<label for="new_topic_title">
							话题标题：
						</label>
						<input name="new_topic_title" maxlength="30" autocapitalize="on"
							autocorrect="off" type="text" id="new_topic_title">
					</div>
					<div class="field">
						<label for="new_topic_category">
							话题标签：
						</label>
						<input name="new_topic_category" maxlength="30"
							autocapitalize="on" autocorrect="off" type="text"
							id="new_topic_category">
					</div>
					<div class="field">
						<label for="new_topic_intro">
							话题内容：
						</label>
						<textarea name="new_topic_intro" maxlength="65536"
							id="new_topic_intro"></textarea>
					</div>
					<div class="field">
						<label for="new_topic_openess">
							所有人可见？
						</label>
						<select id="new_topic_openess" name="new_topic_openess">
							<option selected>
								公开
							</option>
							<option>
								不公开
							</option>
						</select>
					</div>
					<div class="field">
						<input id="new_topic_submit" class="green_button" type="button"
							value="Create →" onclick="newTopicSubmit(id)">
					</div>
				</form>
			</div>


		</div>



	</body>
</html>
